<template>
	<div class="notenav">
		<div class="left">
			<span :class="obj.sign1"></span>
			<span>{{obj.text}}</span>
		</div>
		<div class="right">
			<span :class="obj.sign2"></span>
			<span :class="obj.sign3"></span>
		</div>
	</div>
</template>

<script>
	export default{
		data(){
			return {
				obj:{
					"sign1":"iconfont icon-thin-_notebook_p",
					"text":"笔记本",
					"sign2":"iconfont icon-yuyin",
					"sign3":"iconfont icon-xiangji"
				}
			}
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.notenav{
		width: 100%;
		height: 0.55rem;
		background-color: white;
		font-size: 0.16rem;
		padding-top: 0.51rem;
		display: flex;
		justify-content: space-around;
		align-items: center;
		.iconfont{
			font-size: 0.22rem;
		}
		.left{
			height: 0.15rem;
			margin-left: -0.6rem;
			.icon-thin-_notebook_p{
				color: #4ad5be;
				margin-right: 0.15rem;
			}
		}
		.right{
			height: 0.55rem;
			line-height: 0.55rem;
			margin-top: 0.1rem;
			.icon-yuyin{
				color: #9c9fa2;
				margin-right: 0.15rem;
			}
			.icon-xiangji{
				color: #9c9fa2;
				margin-right: -0.35rem;
			}
		}
		
	}
</style>
